<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>wykl_managment</title>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
    <script src="bootstrap-4.5.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_1327450_9qlr53v4dy.css">
	<link rel="stylesheet" href="./css/management.css">
</head>
<body>
	<div class="container">
		<div class="top">
			<div class="logo">
				<img src="./img/wykllogo.png" alt=""> 考拉海购
			</div>
		</div>
		<div class="content">
			<div class="left">
				<ul class="left-nav">
					<li class="current">
						<i  class="iconfont icon-yonghu"></i>
						<a href="./management01.html">用户管理</a>
					</li>
					<li>
						<i class="iconfont icon-gouwuche"></i>
						<a href="./shopping.html">商品管理</a>
					</li>
					<li>
						<i class="iconfont icon-gouwu2"></i>
						<a href="./goods.html">商品品牌管理</a>
					</li>
				</ul>
			</div>


			<!-- 用户信息 -->
			<div id="my" class="right">
				<div class="wrapper">
					<!-- 按钮组 -->
					<div class="btns">
						<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#employeeAdd1">添加</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#employeeDlete">批量删除</button>
						<!-- <div class="btn"></div> -->
					</div>
					<!-- 表格区域 -->
					<table class="table">
						<thead>
							<tr>
								<td>编号</td>
								<td>姓名</td>
								<td>性别</td>
								<td>手机号</td>
								<td>地址</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>	
							<tr>
								<td> <input type="checkbox"></td>
								<td>叮叮</td>
								<td>女</td>
								<td>11253556214</td>
								<td>江苏省苏州市</td>
								<td>
	 <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#employeeDlete">删除</button>
     <button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#employeeAdd">修改</button>			
</td>
</tr>						
            <tr>
				<td> <input type="checkbox"></td>
					<td>西西</td>
					<td>男</td>
					<td>12342621354</td>
					<td>江苏省无锡市</td>
				<td>
		<button type="button" class="btn btn-danger"  data-toggle="modal" data-target="#employeeDlete">删除</button>
        <button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#employeeAdd"> 修改</button>
								</tr>
							<tr>
								<td> <input type="checkbox"></td>
								<td>城南</td>
								<td>男</td>
								<td>12534212687</td>
								<td>江苏省徐州市</td>
								<td>
		<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#employeeDlete">删除</button>	
		<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#employeeAdd">修改</button>
								</td>
							</tr>
						<tr>
							<td> <input type="checkbox"></td>
							<td>菲力</td>
							<td>女</td>
							<td>14452357160</td>
							<td>安徽省合肥市</td>
							<td>
	<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#employeeDlete">删除</button>
    <button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#employeeAdd">修改</button>
							</td>
						</tr>
					<tr>
						<td> <input type="checkbox"></td>
						<td>芝芝</td>
						<td>女</td>
						<td>16423587954</td>
						<td>四川省成都市</td>
						<td>
		<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#employeeDlete">删除</button>
        <button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#employeeAdd">修改</button>
						</td>
					</tr>

    <!-- 用户删除-->
      <div class="modal fade" id="employeeDlete" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
		  <div class="modal-content">
			<div class="modal-header">
			  <h5 class="modal-title" id="exampleModalLabel">删除用户信息</h5>
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			  </button>
			</div>
			<div class="modal-body">
			 您确定要删除此条信息吗？
			</div>
			<div class="modal-footer">
			  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
			  <button type="button" class="btn btn-primary">确认</button>
			</div>
		  </div>
		</div>
	   </div>

	<!--用户编辑-->
   <div class="modal fade" id="employeeAdd" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
		  <div class="modal-header">
		     <h5 class="modal-title" id="exampleModalLabel">修改用户信息</h5>
		  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		  </button>
		</div>
		<div class="modal-body">
		  <form action="xx" method="POST">
			  <div class="form-group row">
				  <label for="inputEmail3" class="col-sm-2 col-form-label">用户名</label>
				  <div class="col-sm-10">
					  <input type="text" class="form-control" id="add-username" name="username" placeholder="请输入合法用户名">
				  </div>
			  </div>
			  <div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">性别</label>
				  <div class="input-group-text" style="margin-left: 16px;">
					<input type="radio" name="sex" value="female">
				  </div>
				  <div class="sex">男</div>
				   <div class="input-group-text">
					<input type="radio" name="sex" value="male">
				  </div>
				  <div class="sex">女</div>
			  </div>

			  <div class="form-group row">
				  <label for="inputEmail3" class="col-sm-2 col-form-label">地址</label>
				  <div class="col-sm-10">
					  <input type="text" class="form-control" id="add-username" name="username" placeholder="请输入完整地址">
				  </div>
			  </div>

			  <div class="form-group row">
				  <label for="inputEmail3" class="col-sm-2 col-form-label">手机号</label>
				  <div class="col-sm-10">
					  <input type="text" class="form-control" id="add-username" name="username" placeholder="请输入合法手机号">
				  </div>
			  </div>
	  </form>
		</div>
		<div class="modal-footer">
		  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
		  <button type="button" class="btn btn-primary">确认</button>
		</div>
	  </div>
	</div>
  </div>	

  	<!--用户添加-->
	  <div class="modal fade" id="employeeAdd1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
		  <div class="modal-content">
			<div class="modal-header">
			   <h5 class="modal-title" id="exampleModalLabel">添加用户信息</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
			<form action="xx" method="POST">
				<div class="form-group row">
					<label for="inputEmail3" class="col-sm-2 col-form-label">用户名</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入合法用户名">
					</div>
				</div>
				<div class="form-group row">
				  <label for="inputEmail3" class="col-sm-2 col-form-label">性别</label>
					<div class="input-group-text" style="margin-left: 16px;">
					  <input type="radio" name="sex" value="female">
					</div>
					<div class="sex">男</div>
					 <div class="input-group-text">
					  <input type="radio" name="sex" value="male">
					</div>
					<div class="sex">女</div>
				</div>
  
				<div class="form-group row">
					<label for="inputEmail3" class="col-sm-2 col-form-label">地址</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入完整地址">
					</div>
				</div>
  
				<div class="form-group row">
					<label for="inputEmail3" class="col-sm-2 col-form-label">手机号</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入合法手机号">
					</div>
				</div>
		</form>
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
			<button type="button" class="btn btn-primary">确认</button>
		  </div>
		</div>
	  </div>
	</div>	
  
  
</tbody>
</table>
			  </div>
			</div>
		</div>
	</div>
</body>
</html>